<template>
  <div>
    <el-table
        :data="tableData"
        border
        @selection-change="change"
        @row-click="rowClick"
        :header-cell-style="{background:'#eef1f6',color:'#909399'}"
        style="width: 100%">
        <el-table-column
        fixed
        type="selection" 
        align="center"
        width="45">
        </el-table-column>
        <el-table-column
        type="index"
        align="center"
        label="序号"
        width="50">
        </el-table-column>
        <el-table-column
        prop="name"
        align="center"
        label="产品编码">
        </el-table-column>
        <el-table-column
        prop="address"
        align="center"
        label="产品名称">
        </el-table-column>
        <el-table-column
        prop="date"
        align="center"
        label="产品类型">
        </el-table-column>
        <el-table-column
        prop="name"
        align="center"
        label="产品特性">
        </el-table-column>
        <el-table-column
        prop="address"
        align="center"
        label="规格"
        width="60">
        </el-table-column>
        <el-table-column
        prop="date"
        align="center"
        width="115"
        label="照片尺寸(mm)">
        </el-table-column>
        <el-table-column
        prop="name"
        align="center"
        label="单位">
        </el-table-column>
        <el-table-column
        prop="address"
        align="center"
        label="单价">
        </el-table-column>
        <el-table-column
        prop="date"
        align="center"
        label="加页价">
        </el-table-column>
        <el-table-column
        prop="name"
        align="center"
        label="成本价">
        </el-table-column>
        <el-table-column
        prop="address"
        align="center"
        label="上架时间">
        </el-table-column>
        <el-table-column
        prop="address"
        align="center"
        label="下架时间">
        </el-table-column>
        <el-table-column
        prop="date"
        align="center"
        label="产品版本">
        </el-table-column>
        <el-table-column
        prop="name"
        align="center"
        label="版本说明">
        </el-table-column>
        <el-table-column
        prop="address"
        align="center"
        label="发布时间">
        </el-table-column>
        <el-table-column
        prop="address"
        align="center"
        label="有效起始日期">
        </el-table-column>
        <el-table-column
        prop="address"
        align="center"
        label="有效终止日期">
        </el-table-column>
        <el-table-column
        prop="date"
        align="center"
        label="工序模板">
        </el-table-column>
        <el-table-column
        prop="name"
        align="center"
        label="备注">
        </el-table-column>
        <el-table-column
        prop="address"
        align="center"
        label="创建时间">
        </el-table-column>
        <el-table-column
        prop="date"
        align="center"
        label="创建人">
        </el-table-column>
        <el-table-column
        prop="name"
        align="center"
        label="产品销售状态">
        </el-table-column>
        <el-table-column
        prop="address"
        align="center"
        label="产品状态">
        </el-table-column>
    </el-table>
  </div>
</template>

<script>
// import {getOrderFilesVoOfProductionPlan} from '@/api/startWorking'
  export default {
    props:{
      reset:{
        type:Array
      }
    },
    data() {
      return {
        tableData: [{
            date: '44',
            name: '44',
            address: '2'
          }, {
            date: '44',
            name: '44',
            address: '22'
          }, {
            date: '44',
            name: '44',
            address: '2'
          },{
            date: '44',
            name: '44',
            address: '3'
          }],
        photoDialogLogVisible:false,
        currentRow:{},
      }
    },
    methods:{
      change(data){
        this.$emit('changeData',data)
      },
      rowClick(row){
        console.log('ok')
      },
    //   handleSelectionChange(val){
    //     this.$emit('changeData',val)
    //     let listId=[]
    //     val.forEach(el => {
    //       listId.push(el.ProductionPlanId)
    //     });
    //     this.$emit('getId',listId)
    //   },
    //   indexMethod(index){
    //     return (index+1)+(this.$parent.currentPage-1)*this.$parent.size
    //   },
    //   lookphoto(row){
    //     console.log(row);
    //     this.handleCurrentChange(row) ;
    //   },
    //   handleCurrentChange(row){
    //     this.currentRow = row;       
    //     getOrderFilesVoOfProductionPlan({productionPlanId:this.currentRow.ProductionPlanId}).then(res => {
    //       if(parseInt(res.Code) === 1){
    //         this.photoDialogLogVisible = true
    //         this.tableData = res.Result
    //       }
    //     })
    //   },
    }
  }
</script>
<style>
    .yuandian{
        display:inline-block;
        width:8px;
        height:8px;
        border-radius:50%; 
    }
</style>